<!DOCTYPE html><HTML lang="zh"><HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8"><META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"><META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="zh-CN"><META NAME="COPYRIGHT" CONTENT="&copy; 2012 VIIVTECH">
<script src="/d/jquery.min.js"></script>
<style>
body {
    font-family: Verdana, "宋体", sans-serif;
}
a {
    text-decoration:none;
}
#picad_overlay_div {
    cursor: pointer; top: 0px; left: 0px; position:absolute;
}
#ism_ol_holder_ad {
    background-color:#FFF;
}
#ism_ol_img_holder {
    position:absolute;z-index:1000;left:5px;top:0px;
}
#img_item {
    opacity:1;filter:alpha(opacity=100);
}
#ism_ol_txt_holder_all {
    position:absolute; left:0px; top:60px; height:40px; width:100%;
}
#page-background {
    position:absolute; z-index:-1;
}
#ism_ol_txt_holder {
    position:absolute; left:70px; top:0px;height:40px;
}
#ol_title {
    position:relative; top:3px; left:0px; height:16px; overflow:hidden;
}
#ol_content {
    position:relative; top:6px; left:0px; height:16px; overflow:hidden;
}
#ol_close_btn {
    float:right; background: url('/d/img/close_btn.png') no-repeat; height:13px; width:40px; opacity:0.85;filter:alpha(opacity=85);
}
#ol_close_btn.open {
    background: url('/d/img/open_btn.png') no-repeat; width:70px;
}
.title {
    font-size:13px;font-weight:bold;
}
.content,
.url {
    font-size:12px;font-weight:normal;
}
</style>
</HEAD>
<div id="picad_overlay_div">
    <div id="ism_ol_holder_ad">
        <div id="ism_ol_img_holder">
            <img border="0" id="img_item" src="ICON_HOLDER" height="98px"/><!--replace 98 with icon height-->
        </div>
        <div id="ism_ol_txt_holder_all">
            <div id="page-background">
                <img height="100%" width="100%" src="BG_HOLDER" id="background_img" style="height: 40px;" />
            </div> 
            <div id="ism_ol_txt_holder" style="left: 85px;"><!--replace 85 with icon width-->
                <dt id="ol_title" class="ol_title">
                    <div style="color: TITLE_COLOR_HOLDER ! important; font-size: TITLE_SIZE_HOLDER;" id="title" class="title">TITLE_HOLDER</div>
                </dt>
                <dt id="ol_content" class="ol_content">
                    <div style="color: CONTENT_COLOR_HOLDER ! important; font-size: CONTENT_SIZE_HOLDER;" id="content" class="content">CONTENT_HOLDER</div>
                </dt>
            </div>
            <dt id="ol_close_btn"></dt>
        </div>
    </div>
</div>
<script>
String.prototype.getHash = function (p) {
    return decodeURIComponent(this.match((new RegExp('[#&]'+p+'=([^&]+)')))[1]||"");
}
$(document).ready(function(){
    var _target_width = location.href.getHash('target_width');
    var pageurl = location.href.getHash('pageurl');
    document.getElementById('picad_overlay_div').style.width = _target_width + "px";
    document.getElementById('background_img').style.width = _target_width + "px";
    document.getElementById('ol_content').style.width = (_target_width-100) + "px";//<!--replace 100 with icon width + 15-->
    document.getElementById('ol_title').style.width = (_target_width-100) + "px";
    $('body').click(function(){
        var ourl = "OUT_URL_HOLDER";
        window.open(ourl);
        $.post('/d/log.php', {"type":"click", "pageurl":pageurl, "adurl": location.href, "ourl":ourl});
    });
    setTimeout(function(){
        $.post('/d/log.php', {"type":"impression", "pageurl":pageurl, "adurl": location.href, "code": "success"});
    }, 1000);
});
</script>
</BODY></HTML>
